extends layout/default.jade

block head  
    title Todotrix - Task Manager, To-Do List
    meta(name="apple-itunes-app" content="app-id=939523047")
    meta(name="Description" content="Todotrix helps you to effectively organize your tasks according to Eisenhower's decision matrix.")
    meta(property="og:title" content="Todotrix - Task Manager, To-Do List")
    meta(property="og:description" content="Todotrix helps you to effectively organize your tasks according to Eisenhower's decision matrix.")
    +css("http://fonts.googleapis.com/css?family=Raleway:400,300,100")
    +css("https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.1.2/css/swiper.min.css")
    +css("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css")
    +css("./css/index.css")
    +js("https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.1.2/js/swiper.min.js")

block content  
    .top
        nav.nav-bar
            a.author(href="https://github.com/ltebean" target="_blank") @ltebean
        h1.title Todotrix
        p.desc Todotrix helps you to effectively organize your tasks according to Eisenhower's decision matrix.
        p.desc  It helps you to plan properly and execute those plans effectively.
    .container
        .screenshot.swiper-container
            .swiper-wrapper
                img.app-screenshot.swiper-slide(src="./img/screenshot-5.png" alt="app screenshot")
                img.app-screenshot.swiper-slide(src="./img/screenshot-2.png" alt="app screenshot")
                img.app-screenshot.swiper-slide(src="./img/screenshot-1.png" alt="app screenshot")
                img.app-screenshot.swiper-slide(src="./img/screenshot-3.png" alt="app screenshot")
                img.app-screenshot.swiper-slide(src="./img/screenshot-4.png" alt="app screenshot")
            .swiper-pagination
        img.mobile-screenshot(src="./img/screenshot-1.png" alt="app screenshot")
        a.download-button.animated.fadeInDown(href="https://itunes.apple.com/us/app/todotrix-task-manager-to-do/id939523047?mt=8" target="_blank")
            img(src="./img/download-button.png" alt="screenshot")
        .heap
            .title Powered by 
            a(href="https://heapanalytics.com/?utm_source=badge")
                img(style="width:108px;height:41px" src="//heapanalytics.com/img/badge.png" alt="Heap | Mobile and Web Analytics")
    .footer
    script(type="text/javascript").
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 20,
            initialSlide: 1,
            autoplay: 3000,
            autoplayDisableOnInteraction: false
        });